<link rel="stylesheet" href="{$BACKEND_CSS}dataTable.css"  rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{$BACKEND_CSS}Form.css"  rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{$BACKEND_CSS}Buttons.css"  rel="stylesheet" type="text/css" />
<link rel="stylesheet" href='{$BACKEND_CSS}osx.css'       type="text/css" media='screen' />

<script type="text/javascript" src="{$BACKEND_JS}sliding.form.js"></script>
<script type="text/javascript" src="{$BACKEND_JS}PagesControl.js"></script>
<script src="{$EXTERNAL_JS}jquery/simplemodal/jquery.simplemodal.js"       type="text/javascript"></script> 
<script src="{$EXTERNAL_JS}jquery/simplemodal/osx.js"       type="text/javascript"></script>

<div  class="clear"> </div>
        <div id="Fcontent">
            <div id="wrapper">
            
                <div id="steps">
                   
                        <fieldset class="step">
                        <form>
                            <legend>
                                {$lang.block_title}
                            </legend>
                            
                            <div id="tableHolder">
                                <div id="tableActions">
                                <form>
                                    <div id="search" style="width: 459px;">
                                    <form name="search_form" action="{$form_action}" method="get">
                                  
                                        <table>
                                        <thead>
                                            <tr>
                                                <th width="160px;">
                                                    <a  id="show_groups">{$groups}</a>
                                                    <select onchange="this.form.submit();" id="group" name="group" style="width:150px;">
                                                        {section name=pages start=1 loop=$pages_count+1 step=1}
                                                            <option  {if $page == $smarty.section.pages.index} selected="true" {/if} value="Admin only">Admin only</option>                                           
                                                        {/section}
                                                    </select>
                                                </th>
                                                <th><input name="search" type="text" value="{$search}" /></th>
                                                <th width="75px"><a href="{$insert}" style="width:75px;" id="insert" class="medium green button" >{$lang.insert}</a> </th>
                                            </tr>
                                            </thead>
                                        </table>
                                    </form>
                                    </div>
                                    
                                    <div id="pages">
                                        <table>
                                        <thead>
                                            <tr>
                                                <th>{$lang.page}&nbsp;</th>
                                                <th style="padding-right:10px; padding-left:5px; ">
                                                    <form action="{$form_action}" name="listing" method="get">
                                                        <select onchange="this.form.submit();" name="page" style="width:50px;">
                                                            {section name=pages start=1 loop=$pages_count+1 step=1}
                                                                <option  {if $page == $smarty.section.pages.index} selected="true" {/if} value="{$smarty.section.pages.index}">{$smarty.section.pages.index}</option>                                           
                                                            {/section}
                                                        </select>
                                                    </form>
                                                </th>
                                                <th>&nbsp;{$lang.from}&nbsp;</th>
                                                
                                                <th>&nbsp;{$pages_count}&nbsp;</th>
                                                <th style="padding-left:10px;">{$prev_link}</th>
                                                <th style="padding-left:10px;">{$next_link}</th>
                                                
                                            </tr>
                                            </thead>
                                        </table>
                                    </div>
                                    
                                    
                                </form>
                                </div>
                                <div style="clear:both;"></div>
                                <table border="0" width="100%" cellspacing="1" cellpadding="0" class="dataTable">
                                  <thead>
                                    <tr>
                                      <th>{$lang.title}</th>
                                      <th>{$lang.keyword}</th>
                                      <th>{$lang.url}</th>
                                      <th>{$lang.admin_page}</th>
                                      <th width="150">{$lang.table_heading_action}</th>
                                    </tr>
                                  </thead>
                                  <tfoot>
                                    <th colspan="5">
                                      <div style="float:left"> {$lang.total}:&nbsp;{$total_items}&nbsp;{$lang.items}</div>
                                      <div style="float:right">{$lang.table_tip}</div>
                                    </th>
                                  </tfoot>
                                  <tbody>
                                    {foreach from=$pages item=page name=pages}
                                    <tr  class="{if $smarty.foreach.pages.index mod 2 > 0} row1{else} row0{/if}">
                                      <td id="hiden">{$page.editlink}</td>
                                      <td id="click">{$pages_icon} &nbsp; {$page.title}</td>
                                      <td >{$page.keyword}</td>
                                      <td ><a class="static_url" href="{$page.url}">{$page.url}</a></td>
                                      <td align="center">{if $page.isAdminPage == 1} {$lang.yes} {else} {$lang.no} {/if}</td>
                                      <td align="right">{$page.edit}&nbsp; <a href="#" onclick="trash('{$page.title}', '{$page.trash}');" class='osx'> {$delete_icon}</a>&nbsp;</td>
                                    </tr>
                                    {/foreach}
                                  </tbody>
                                </table>	
                            </div>
                        </form>
                        </fieldset>
                          
                        <fieldset class="step" >
                        <form>
                            <legend>{$lang.quick_edit}</legend>
                            <div id="formholder">
                                
                                <p class='block'>
                                    <label class='text' >{$lang.edit_title}</label>
                                    <input id="edit_title" name="title" type="text"  />
                                </p>
                                <p class='block'>
                                    <label class='text' >{$lang.edit_url}</label>
                                    <input id="edit_class" name="class" type="text"  />
                                </p>  
                                <!--                            
                                <p class='block'>
                                    <label class='text' >{$lang.admin_page}</label>
                                    <input id="edit_class" class="checkbox" name="class" type="checkbox"  />
                                </p>
                               -->
                          
                            </div>
                            <div id="jump"></div>
                            <div id="formtip">
                                
                                <div id="buttonPlace">
                                  <a style="width:150px;" class="large green button" onclick="formElem.submit();" >{$lang.edit}</a> 
                                  <a style="width:150px;" id="cancel2" class="large red button" >{$lang.cancel}</a> 
                                </div>
                                
                                
                            </div>
                        </form>    
                        </fieldset>
                        
                        
						<fieldset class="step" style="height:325px;">
                        <form>
                            <legend>{$lang.help}</legend>
                            
							<p class='block'>
								Some help
							</p>
                        </form>
                        </fieldset>
                        
                </div>
                <div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected">
                            <a href="#">{$lang.all_pages}</a>
                        </li>
                        <li>
                            <a href="#" style="display:none;"></a>
                        </li>
                        <li>
                            <a href="#">{$lang.help}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
      </div>
  <div id="osx-modal-content">
    	<div id="osx-modal-title">{$lang.conf}</div>
        
    	<div class="close"><a href="#" class="simplemodal-close">x</a></div>
    	<div id="osx-modal-data">
    		<h2>{$lang.del_conf} <span id="item"></span>{$lang.page2}?</h2>
            <div id="blockButtons">
              <a style="width:80px;" id="delete" class="medium green button"  >{$lang.delete}</a> 
              <a style="width:80px;" class="medium red button simplemodal-close" >{$lang.cancel}</a> 
            </div>
    	</div>
    </div>
    
</div>